我的前端面试

前言

这次找工作也面了好几家公司，也通过了好几家公司的面试，毕竟之前也准备了一段时间，所以面试的时候心里也不是很虚。

这里记录一下面试过程中被问到的问题，不过从面试第一家公司开始到最终入职，已经有一个多月的时间了，所以有些问题已经想不起来了，这里只记录一些我还记得的问题。

一家创业公司（鱼泡泡）

1、问怎么判断数据类型？

instanceof, Object.prototype.toString().call()

2、问instanceof是什么意思？接着问原型链等等

3、什么是闭包？

4、柯里化了不了解？

5、怎么实现 new 方法？

6、用过promise 哪些方法？promise怎么实现的？

7、解释一下eventloop

8、ajax 怎么实现的？

9、解释一下koa洋葱模型

只记得这些了。。

贝壳找房

先做一套题，主要考察this、eventloop、dom的事件机制，还有一些编程题（字符串去重，继承, es6, css等等），然后对着这套题，各个都延伸问了一下。

后面是对着简历开始问了：

1、做的项目介绍一下，聊了好久。。。

2、vue的mvvm的实现原理

主要就是双向绑定的依赖收集，触发更新的实现

3、vue虚拟dom的diff算法原理

4、双向绑定的触发更新到真实dom更新这个过程是怎么实现的？（当时没答出来）可以参考这里

5、问了一些react的问题，我react不熟。。

6、问了webpack的一些loader以及plugin的用法，比如处理less文件需要哪些loader，url-loader和file-loader是干吗用的，用过哪些plugin，干嘛用的。

7、聊了一下babel和Node

8、有什么需要问的？面试官介绍了一下贝壳找房上海侧的业务

触宝

1、实现es6的flat()方法

2、实现dom的事件委托

3、0.5px的竖线怎么实现？

4、promise相关问题

5、es6 哪些新特性？聊了一下解构赋值，async、await等等，let 和 var的区别（变量提升）

6、性能优化有哪些方法？扯了一堆

7、CommonJS和es6 module区别

8、浏览器强缓存和协商缓存

9、三栏布局怎么实现？圣杯布局和双飞翼布局，BFC

还有一些问题暂时想不起来了。。。

二面 就聊了一下项目和经历、以及兴趣等等，面试官介绍了一下触宝的业务

小红书

一面

1、聊项目，聊了很久

2、import 按需加载问题，按需加载的组件chunk何时加载，通过什么方式加载？

按需加载的chunk在dom更新时需要加载这个组件的时候才会去服务器上请求这个chunk文件，通过类似jsonp的方式进行加载。

3、打开页面时，如果app.js已经加载完成，而vendor文件还没有加载好，而app.js显然是依赖vendor, 为什么执行app.js不会报错?

这个是由webpack打包之后chunk文件中掺杂的webpack runtime代码控制实现的（后面又聊了一下webpack runtime）

4、做一些编程题，主要是es6以及原生js相关的

5、聊了一下前端性能优化

6、css Module了解吗？less的scoped怎么实现的

还有一些记不得了。。。

二面

1、Vue的MVVM原理，动态组件

2、vuex用法和原理，vuex和mvvm的不同（双向数据流和单向数据流）

3、聊了一下Vue和react的区别

4、babel的原理

5、前端优化的思想，比较抽象，瞎聊。。

三面

1、介绍项目，聊了一会。

2、一些功能设计的题目，就是给一个具体需求的场景，怎么实现这个功能，不是很难。

3、各种聊。。

ps: 总体上，小红书的面试体验是最好的，面试官都很客气，聊得也很愉快。

拼多多

一面

1、实现sleep()方法

2、Vue router有哪些模式？ 是怎么实现的？为什么切换路由，页面不会刷新？

hash和history两种模式，实现原理主要还是从依赖收集和触发更新两个方面说。

3、webpack的代码分割怎么实现的？

4、说说刚才提到的CommonsChunkPlugin和splitChunks的区别

5、前端缓存怎么实现？（扯扯强缓存和协商缓存，重点问了ETag如何实现缓存）

二面

1、就聊了项目。。。

ps: 拼多多的面试体验应该是最差的，特别是二面（是个leader吧）非常高冷，交流上很不顺畅，有点不耐烦。。

头条

一面

1、先做一套题，css、eventloop、this、算法题（不是很难）等等，然后一题一题挨个问，做一些延伸。

2、new 的实现

3、promise的原理

4、写一个类，简单实现Vue的event bus的发布订阅功能

5、webpack相关的，loader和plugin，代码分割，跟之前几家公司问到的类似

6、babel原理，还问了一些es6语法转es5怎么实现

7、Node相关的，做过哪些项目

二面

1、聊项目

2、Vue 的MVVM原理

3、一些组件功能设计的问题

4、实现二叉树的宽度优先遍历

5、元素水平垂直居中有哪些方法

6、ajax的原理，以及XMLHttpRequest

7、Vue和react的区别

8、各种聊。。

三面（北京视频面）

1、聊项目

2、各种聊。。